<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>房联行增值服务部后台管理中心</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
		<meta name="HandheldFriendly" content="True" />
		<meta name="MobileOptimized" content="320" />
		<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="./css/font.css">
		<link rel="stylesheet" href="./css/xadmin.css">
		<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
		<script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
		<script type="text/javascript" src="./js/xadmin.js"></script>	
		<!--灯箱效果-->
		<!--<link href="http://www.jq22.com/jquery/font-awesome.4.6.0.css" rel="stylesheet" type="text/css" media="all" />-->
		<link href="js/gallery/css/normalize.css" rel="stylesheet" type="text/css" media="all" />
		<link href="js/gallery/css/litebox.css" rel="stylesheet" type="text/css" media="all" />
		<!--<link href="js/gallery/css/style.min.css" rel="stylesheet" type="text/css" media="all" />-->
		<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
		<!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
	</head>
	<body>
		<div class="x-nav">
			<span class="layui-breadcrumb">
		        <a href="javascript:;">首页</a>
		        <a href="javascript:;">套图管理</a>
		        <a><cite>套图列表</cite></a>
		    </span>
			<a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
				<i class="layui-icon layui-icon-refresh-1" style="line-height:30px"></i>
			</a>
		</div>
		<div class="x-body formstyle">
			<div class="layui-row">
				<form class="layui-form">
					<div class="layui-form-item">
				    	<div class="layui-inline">
				    		<label class="layui-form-label">风格：</label>
							<div class="layui-input-inline">
								<select name="style">
						        <option value="">全部</option>
						        <option value="风格1">风格1</option>
						        <option value="风格2">风格2</option>
						        <option value="风格3">风格3</option>
						    </select>
							</div>
				    	</div>
				    	<div class="layui-inline">
				    		<label class="layui-form-label">局部：</label>
							<div class="layui-input-inline">
								<select name="part">
									<option value="">请选择</option>
									<option value="风格1">门厅</option>
									<option value="风格2">玄关</option>
									<option value="风格3">隔断</option>
									<option value="风格3">阳台</option>
									<option value="风格3">厨房</option>
									<option value="风格3">卫生间</option>
									<option value="风格3">卧室</option>
									<option value="风格3">餐厅</option>
									<option value="风格3">客厅</option>
									<option value="风格3">书房</option>
									<option value="风格3">榻榻米</option>
									<option value="风格3">背景墙</option>
									<option value="风格3">飘窗</option>
									<option value="风格3">吊顶</option>
									<option value="风格3">鞋柜</option>
									<option value="风格3">衣帽间</option>
						    	</select>
							</div>
				    	</div>
				    	<div class="layui-inline">
				    		<label class="layui-form-label">颜色：</label>
							<div class="layui-input-inline">
								<select name="color">
							        <option value="" selected="">请选择</option>
							        <option value="冷色" >冷色</option>
							        <option value="暖色">暖色</option>
						    	</select>
							</div>
				    	</div>	
				    	<div class="layui-inline">
				    		<label class="layui-form-label">空间：</label>
							<div class="layui-input-inline">
								<select name="ad-space">
							        <option value="">请选择</option>
									<option value="门厅">门厅</option>
									<option value="玄关">玄关</option>
									<option value="隔断">隔断</option>
									<option value="阳台">阳台</option>
									<option value="厨房">厨房</option>
									<option value="卫生间">卫生间</option>
									<option value="卧室">卧室</option>
									<option value="餐厅">餐厅</option>
									<option value="客厅">客厅</option>
									<option value="书房">书房</option>
									<option value="榻榻米">榻榻米</option>
									<option value="背景墙">背景墙</option>
									<option value="飘窗">飘窗</option>
									<option value="吊顶">吊顶</option>
									<option value="鞋柜">鞋柜</option>
									<option value="衣帽间">衣帽间</option>
						    	</select>
							</div>
				    	</div> 
				    </div>  
				    <div class="layui-form-item">
				    	<div class="layui-inline">
					        <label class="layui-form-label">创建时间：</label>
					        <div class="layui-input-inline" style="width:83px;">
					        	<input type="text" name="start" id="start" placeholder="开始日期" autocomplete="off" class="layui-input">
					        </div>
					        <div class="layui-form-mid">-</div>
					        <div class="layui-input-inline" style="width:83px;">
					        	<input type="text" name="end" id="end" placeholder="结束日期" autocomplete="off" class="layui-input">
					        </div>
					    </div>
					    <div class="layui-inline">
					    	<label class="layui-form-label"></label>
					    	<button class="layui-btn layui-bg-green" lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i>搜索</button>
					    	<button class="layui-btn layui-bg-orange" type="reset">重置</button>
					    </div>
				    </div>
				</form>
			</div>
			<xblock class="newstab">
				<button class="layui-btn layui-btn-sm layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button>
				<button onclick="x_admin_show('添加套图','./gallery-add.html')" class="layui-btn layui-btn-sm"><i class="layui-icon"></i>新增套图</button>
				<span class="x-right" style="line-height:40px">共有数据：88 条</span>
			</xblock>
			<table class="layui-table">
				<thead>
					<tr>
						<th>
							<div class="layui-unselect header layui-form-checkbox" lay-skin="primary"><i class="layui-icon">&#xe605;</i></div>
						</th>
						<th>排序</th>
						<th>ID</th>
						<th>图片类型</th>
						<th>图库风格</th>
						<th>图库局部</th>
						<th>图库颜色</th>
						<th>图库空间</th>
						<th>封面</th>
						<th>图库图片</th>
						<th>图片管理</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>
							<div class="layui-unselect layui-form-checkbox" lay-skin="primary" data-id='2'><i class="layui-icon">&#xe605;</i></div>
						</td>
						<td>
							<input class="t" readonly value="123"  type="text" style="border:1px solid #fff;height:30px; line-height:30px; width:30px; text-align: center;"/>
							<input type="submit" value="修改" style="display:none;" class="xiugai"/> 
						</td>
						<td>2018</td>
						<td>套图</td>
						<td>现代/简约</td>
						<td>卧室</td>
						<td>暖色系</td>
						<td>卧室</td>
						<td>
							<a href="./images/banner.png" target="_self" class="inline-block litebox" data-litebox-group="group-1">
								<img src="./images/banner.png" width="50" height="30"  class="inline-block" />
							</a>
						</td>
						<td>
							<a href="./images/banner.png" target="_self" class="inline-block litebox" data-litebox-group="group-2">
								<img src="./images/default-img.png" width="30" height="30"  class="inline-block" />
							</a>
							<a href="./images/listone.png" target="_self" class="inline-block litebox" data-litebox-group="group-2">
								<img src="./images/default-img.png" width="30" height="30"  class="inline-block" />
							</a>
							<a href="./images/listone2.png" target="_self" class="inline-block litebox" data-litebox-group="group-2">
								<img src="./images/default-img.png" width="30" height="30"  class="inline-block" />
							</a>
							<a href="./images/user.png" target="_self" class="inline-block litebox" data-litebox-group="group-2">
								<img src="./images/default-img.png" width="30" height="30"  class="inline-block" />
							</a>
						</td>
						<td class="td-manage">
							<a onclick="member_stop(this,'10001')" href="javascript:;" title="上架">
								<i class="layui-icon">&#xe601;</i><span>上架</span>
							</a>	
						</td>
					  	<td class="td-editor">
							<a title="编辑" onclick="x_admin_show('编辑单图','gallery-edit.html')" href="javascript:;">编辑</a>
							<a title="删除" onclick="member_del(this,'要删除的id')" href="javascript:;">删除</a>
						</td>
					</tr>
					<tr>
						<td>
							<div class="layui-unselect layui-form-checkbox" lay-skin="primary" data-id='2'><i class="layui-icon">&#xe605;</i></div>
						</td>
						<td>
							<input class="t" readonly value="123"  type="text" style="border:1px solid #fff;height:30px; line-height:30px; width:30px; text-align: center;"/>
							<input type="submit" value="修改" style="display:none;" class="xiugai"/> 
						</td>
						<td>2018</td>
						<td>套图</td>
						<td>现代/简约</td>
						<td>卧室</td>
						<td>暖色系</td>
						<td>卧室</td>
						<td>
							<a href="./images/banner.png" target="_self" class="inline-block litebox" data-litebox-group="group-1">
								<img src="./images/banner.png" width="50" height="30"  class="inline-block" />
							</a>
						</td>
						<td>
							<a href="./images/banner.png" target="_self" class="inline-block litebox" data-litebox-group="group-4">
								<img src="./images/default-img.png" width="30" height="30"  class="inline-block" />
							</a>
							<a href="./images/listone.png" target="_self" class="inline-block litebox" data-litebox-group="group-4">
								<img src="./images/default-img.png" width="30" height="30"  class="inline-block" />
							</a>
							<a href="./images/listone2.png" target="_self" class="inline-block litebox" data-litebox-group="group-4">
								<img src="./images/default-img.png" width="30" height="30"  class="inline-block" />
							</a>
							<a href="./images/user.png" target="_self" class="inline-block litebox" data-litebox-group="group-4">
								<img src="./images/default-img.png" width="30" height="30"  class="inline-block" />
							</a>
							<a href="./images/user.png" target="_self" class="inline-block litebox" data-litebox-group="group-4">
								<img src="./images/default-img.png" width="30" height="30"  class="inline-block" />
							</a>
							<a href="./images/user.png" target="_self" class="inline-block litebox" data-litebox-group="group-4">
								<img src="./images/default-img.png" width="30" height="30"  class="inline-block" />
							</a>
							<a href="./images/user.png" target="_self" class="inline-block litebox" data-litebox-group="group-4">
								<img src="./images/default-img.png" width="30" height="30"  class="inline-block" />
							</a>
							<a href="./images/user.png" target="_self" class="inline-block litebox" data-litebox-group="group-4">
								<img src="./images/default-img.png" width="30" height="30"  class="inline-block" />
							</a>
							<a href="./images/user.png" target="_self" class="inline-block litebox" data-litebox-group="group-4">
								<img src="./images/default-img.png" width="30" height="30"  class="inline-block" />
							</a>
							<a href="./images/user.png" target="_self" class="inline-block litebox" data-litebox-group="group-4">
								<img src="./images/default-img.png" width="30" height="30"  class="inline-block" />
							</a>
							<a href="./images/user.png" target="_self" class="inline-block litebox" data-litebox-group="group-4">
								<img src="./images/default-img.png" width="30" height="30"  class="inline-block" />
							</a>
						</td>
						<td class="td-manage">
							<a onclick="member_stop(this,'10001')" href="javascript:;" title="上架">
								<i class="layui-icon">&#xe601;</i><span>上架</span>
							</a>	
						</td>
					  	<td class="td-editor">
							<a title="编辑" onclick="x_admin_show('编辑单图','gallery-edit.html')" href="javascript:;">编辑</a>
							<a title="删除" onclick="member_del(this,'要删除的id')" href="javascript:;">删除</a>
						</td>
					</tr>
					<tr>
						<td>
							<div class="layui-unselect layui-form-checkbox" lay-skin="primary" data-id='2'><i class="layui-icon">&#xe605;</i></div>
						</td>
						<td>
							<input class="t" readonly value="123"  type="text" style="border:1px solid #fff;height:30px; line-height:30px; width:30px; text-align: center;"/>
							<input type="submit" value="修改" style="display:none;" class="xiugai"/> 
						</td>
						<td>2018</td>
						<td>套图</td>
						<td>现代/简约</td>
						<td>卧室</td>
						<td>暖色系</td>
						<td>卧室</td>
						<td>
							<a href="./images/user.png" target="_self" class="inline-block litebox" data-litebox-group="group-1">
								<img src="./images/user.png" width="50" height="30"  class="inline-block" />
							</a>
						</td>
						<td>
							<a href="./images/user.png" target="_self" class="inline-block litebox" data-litebox-group="group-6">
								<img src="./images/default-img.png" width="30" height="30"  class="inline-block" />
							</a>
							<a href="./images/t01244e3790dcbe7b33.png" target="_self" class="inline-block litebox" data-litebox-group="group-6">
								<img src="./images/default-img.png" width="30" height="30"  class="inline-block" />
							</a>
							<a href="./images/t01244e3790dcbe7b33.png" target="_self" class="inline-block litebox" data-litebox-group="group-6">
								<img src="./images/default-img.png" width="30" height="30"  class="inline-block" />
							</a>
							<a href="./images/banner.png" target="_self" class="inline-block litebox" data-litebox-group="group-6">
								<img src="./images/default-img.png" width="30" height="30"  class="inline-block" />
							</a>
						</td>
						<td class="td-manage">
							<a onclick="member_stop(this,'10001')" href="javascript:;" title="上架">
								<i class="layui-icon">&#xe601;</i><span>上架</span>
							</a>	
						</td>
					  	<td class="td-editor">
							<a title="编辑" onclick="x_admin_show('编辑单图','gallery-edit.html')" href="javascript:;">编辑</a>
							<a title="删除" onclick="member_del(this,'要删除的id')" href="javascript:;">删除</a>
						</td>
					</tr>
					<tr>
						<td>
							<div class="layui-unselect layui-form-checkbox" lay-skin="primary" data-id='2'><i class="layui-icon">&#xe605;</i></div>
						</td>
						<td>
							<input class="t" readonly value="123"  type="text" style="border:1px solid #fff;height:30px; line-height:30px; width:30px; text-align: center;"/>
							<input type="submit" value="修改" style="display:none;" class="xiugai"/> 
						</td>
						<td>2018</td>
						<td>套图</td>
						<td>现代/简约</td>
						<td>卧室</td>
						<td>暖色系</td>
						<td>卧室</td>
						<td>
							<a href="./images/glist-ms.png" target="_self" class="inline-block litebox" data-litebox-group="group-1">
								<img src="./images/glist-ms.png" width="50" height="30"  class="inline-block" />
							</a>
						</td>
						<td>
							<a href="./images/banner.png" target="_self" class="inline-block litebox" data-litebox-group="group-8">
								<img src="./images/default-img.png" width="30" height="30"  class="inline-block" />
							</a>
							<a href="./images/banner.png" target="_self" class="inline-block litebox" data-litebox-group="group-8">
								<img src="./images/default-img.png" width="30" height="30"  class="inline-block" />
							</a>
							<a href="./images/banner.png" target="_self" class="inline-block litebox" data-litebox-group="group-8">
								<img src="./images/default-img.png" width="30" height="30"  class="inline-block" />
							</a>
							<a href="./images/banner.png" target="_self" class="inline-block litebox" data-litebox-group="group-8">
								<img src="./images/default-img.png" width="30" height="30"  class="inline-block" />
							</a>
						</td>
						<td class="td-manage layui-form">
							<a onclick="member_stop(this,'10001')" href="javascript:;" title="上架">
								<i class="layui-icon">&#xe601;</i><span>上架</span>
								
							</a>
						</td>
					  	<td class="td-editor">
							<a title="编辑" onclick="x_admin_show('编辑单图','gallery-edit.html')" href="javascript:;">编辑</a>
							<a title="删除" onclick="member_del(this,'要删除的id')" href="javascript:;">删除</a>
						</td>
					</tr>
				</tbody>
			</table>
			<div id="page"></div>
		</div>
		<script>
			layui.use(['laypage', 'laydate'], function() {
				var laydate = layui.laydate
				,laypage = layui.laypage;
				//时间调用
				laydate.render({
					elem: '#start'
				});
				laydate.render({
					elem: '#end'
				});
			    //分页
			    laypage.render({
					elem: 'page'
			        ,count: 100
			        ,layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']
			        ,jump: function(obj){
			          console.log(obj)
			        }
			    });
			});

			
			//批量上架
			function onshelves(argument){	
				var data = tableCheck.getData();
				layer.confirm('确认要批量上架吗？' + data, function(index) {
					//捉到所有被选中的，发异步进行删除 
						layer.msg('已上架!', {
							icon: 5,
							time: 1000
						});
						$(obj).attr('title', '上架')
						$(obj).find('i').html('&#xe601;');
						$(obj).find('span').html('上架');
						$(obj).parents("tr").find(".td-status").find('span').removeClass('layui-btn-disabled').html('已上架');
				});
			}
			//批量下架
			function offshelves(argument){
				var data = tableCheck.getData();
				alert(''+data+'');
				layer.confirm('确认要批量下架吗？' + data, function(index) {
					//捉到所有被选中的，发异步进行删除
					layer.msg('已下架!', {
						icon: 5,
						time: 1000
					});
					data.attr('title', '下架')
					data.find('i').html('&#xe62f;');
					data.find('span').html('下架');
					data.parents("tr").find(".td-status").find('span').addClass('layui-btn-disabled').html('已下架');
					
				});
			}
			
			
		</script>
		
		<!--<script src="js/gallery/js/smoothscroll.js" type="text/javascript"></script>-->
		<script src="js/gallery/js/images-loaded.min.js" type="text/javascript"></script>
		<script src="js/gallery/js/litebox.js" type="text/javascript"></script>
		<script type="text/javascript">
			$('.litebox').liteBox();
		</script>
	</body>
</html>